<template>
  <div class="follows-box">
    <p class="u-title-two">我的关注</p>
    <ul class="follows-ul">
      <li class="follows-item" v-for="item in content" :key="item.userId">
        <img class="avatarUrl" :src="item.avatarUrl" alt="" />
        <p class="txtHide">{{ item.nickname }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
import { getFollows } from "@/api";
export default {
  data() {
    return {
      limit: 30,
      content: [],
    };
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      getFollows({ uid: this.$route.query.id, limit: this.limit }).then(
        (res) => {
          this.content = res.follow;
        }
      );
    },
  },
};
</script>

<style lang="scss" scoped>
.follows-box {
  padding: 10px 0 0 25px;
}
.follows-ul {
  margin: 15px 0 0 -16px;
  .follows-item {
    width: 64px;
    height: 105px;
    padding-left: 16px;
    float: left;
    .avatarUrl {
      width: 64px;
      height: 64px;
    }
  }
}
</style>